/* 优惠券列表*/
.discount {
    margin-top:1rem;
    padding: .02rem;
    width:100%;
    text-align:center;
    background-color:#F5F5F5;
}
.cardItem {
    margin:0.3rem;
    padding:0.32rem 0.4rem 0.24rem 0.4rem;
    background:#fff;
    display:flex;
    flex-direction:column;
    border-radius:0.12rem;
}
.cardDate {
    color:#999999;
    font-size:0.24rem;
    margin-top:0.12rem;
}
.cardTitle {
    font-weight:600;
    font-size .3rem
}
.topArea {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-bottom:0.32rem;
    border-bottom:0.02rem dotted #D1D1D1;
}
.bottomArea {
    padding-top:0.22rem;
    color:#999999;
    font-size:0.24rem;
    display:flex;
    justify-content:space-between;
}
.leftArea {
    display:flex;
    flex-direction:column;
    text-align:left;
}
.rightArea {
    color:#FF6E2A
}
.unit {
    font-size:0.3rem;
}
.amount {
    font-size:0.6rem;
    font-weight:600;
}
.tip {
    font-size:0.28rem;
    color:gray;
}
.badge {
    border:0.02rem solid #e5e5e5;
    color:#999999;
    font-size:0.24rem;
    border-radius:0.06rem;
    padding:.1rem;
}
.disabledColor {
    color:#CCCCCC !important
}
.exchange {
    position:fixed;
    background:#fff;
    height:1.76rem;
    left:0;
    right:0;
    bottom:0;
    display:flex;
    align-items:center;
    box-shadow:0 -0.04rem 0.2rem rgba(0,0,0,0.08)
}
.exchangeButton {
    background:#222222;
    color:#ffffff;
    border-radius:0.4rem;
    font-size:0.36rem;
    letter-spacing:0.02rem;
    font-weight:600;
    width:100%;
    margin:0 0.3rem;
    padding 0.28rem
}
.exchangeButton[disabled] {
    color:#ffffff !important;
    background:#222222 !important;
    opacity:.5;
}
.areaBottom {
    display:flex;
    flex-direction:column;
    font-size:0.22rem;
    color:#A4A4A4;
    margin-left:0.08rem;
    line-height:0.4rem;
    position:absolute;
    bottom:0rem;
    width:100%;
}
.disabledColor {
    color:#C2C2C2 !important
}
.tabNav {
    position:fixed;
    top:0;
    left:0;
    right:0;
    display:flex;
    align-items:center;
    height:1rem;
    background:#FEDA01;
    color:rgba(34,34,34,.6);
    z-index:99;
    font-size:0.28rem;
    font-weight:600;
}
.tabNavItem {
    position:relative;
    display:flex;
    flex:1;
    align-items:center;
    text-align:center;
    justify-content:center;
}
.tabNavText {
    display:inline-block;
    height:0.8rem;
    line-height:0.8rem;
}
.active {
    /* border-bottom:0.04rem solid #222222;
     */
    color:#222222
}
.active::after {
    position:absolute;
    bottom:0;
    content:"";
    height:0.04rem;
    left:50%;
    margin-left:-0.28rem;
    width:0.56rem;
    background:#222222;
}
.couponCard {
    font-size:0.24rem;
    color:#A4A4A4;
    background:#fff;
    margin:0.3rem;
    height:2.64rem;
    text-align:left;
    position:relative;
}
.descArea {
    position:absolute;
    left:0.4rem;
    top:0.2rem;
}
.couponCard img {
    position:absolute;
    top:0;
    right:0;
    left:0;
    width:100%;
    height:2.64rem;
}
.couponTitle {
    font-size:0.32rem;
    color:#222222;
    margin-bottom:0.16rem;
}
.couponDesc {
    margin-bottom:0.16rem;
}

.container{
    height:100vh;
    background:#f5f5f5;
}
